<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>首页</title>
</head>
<body>
    <!-- 顶部导航栏 -->
    <div class="header">
        <div>
            <div>
                <div>
                    <a href="index.html">
                        <img src="./img/logo.png" alt="logo">
                    </a>
                </div>
                <ul>
                    <li><a href="#">查看所有类别</a></li>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">所有产品</a></li>
                    <li><a href="#">博客</a></li>
                    <li><a href="#">文章列表</a></li>
                </ul>
            </div>
            <a href="#"><i class="fa fa-search" aria-hidden="true"></i></a>
            <div>
                <a href="#">登录</a>
                <a href="#">注册</a>
                <a class="fa fa-shopping-cart fa-lg" aria-hidden="true" href="shopping_cart.html"> 0</a>
                <a class="fa fa-user fa-lg" aria-hidden="true" href="user.html"></a>
            </div>
        </div>
    </div>
    <!-- 内容区 -->
    <div class="content">
        <h1>首页</h1>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="inner">
            <div>
                <a href="#"><img src="./img/logo.png" alt="logo"></a>
                <p>
                    青竹良品原创生活类电商品牌，秉承一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品，全线采用天然原材料，控制甲醛低量无害，采用进口工艺，国际生产线不断优化，食材保证核心原产地新鲜直供，让你享受品质生活
                </p>
            </div>
            <div>
                <dl>
                    <dt>关于我们</dt>
                    <dd>我的品牌</dd>
                    <dd>公司动态</dd>
                    <dd>经历发展</dd>
                    <dd>商品推广</dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>微信支付</dd>
                    <dd>支付宝</dd>
                    <dd>百度钱包</dd>
                    <dd>货到付款</dd>
                </dl>
                <dl>
                    <dt>相关服务</dt>
                    <dd>退货政策</dd>
                    <dd>购物流程</dd>
                    <dd>客服服务</dd>
                    <dd>商务合作</dd>
                </dl>
            </div>
            <div>
                <div>
                    <img src="./img/weixin.png" alt="">
                    <span>微信公众号</span>
                </div>
                <div>
                    <img src="./img/weibo.png" alt="">
                    <span>微博公众号</span>
                </div>
            </div>
        </div>
    </div>
</body>
</html>